<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <title>i-守约</title>

        <script src="js/jQuery_v3.1.1.js"></script><!--公用js-->
        <script src="js/bootstrap/bootstrap.min.js"></script><!--公用js-->
        <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"><!--公用css-->
        <link rel="stylesheet" type="text/css" href="css/menu/normalize.css" /><!--展开css-->
        <link rel="stylesheet" type="text/css" href="css/menu/menu_topside.css?v=9.0" /><!--展开css-->
        <link rel="stylesheet" href="css/common.css"/>
        <link rel="stylesheet" href="css/date.css?v=1.0"><!--日历-->
	</head>
	<body>
		<div class="i-box">
            <!--展开菜单start-->
			<div class="menu-wrap">
				<nav class="menu-top">
					<div class="profile">
                        <img src="img/user1.png" alt="Matthew Greenberg"/>
                        <p>名称</p>
                    </div>
				</nav>
                <nav class="menu-side">
                    <a href="myDate.html"><img src="./img/my_event_icon.png" alt=""/>&nbsp;&nbsp;我的约会</a>
                    <a href="myInvitation.html"><img src="./img/create_time_icon.png" alt=""/>&nbsp;&nbsp;我发起</a>
                    <a><img src="./img/change_user_icon.png" alt=""/>&nbsp;&nbsp;更换账号</a>
                    <a><img src="./img/setting_icon.png" alt=""/>&nbsp;&nbsp;设置</a>
                    <a><img src="./img/about_icon.png" alt=""/>&nbsp;&nbsp;关于守约 <i>new</i></a>
                </nav>
                <nav class="menu-exit">
                    <a href="#"><img src="./img/exit_icon.png" alt=""/>&nbsp;&nbsp;退出</a>
                </nav>
			</div>
            <!--展开菜单end-->

            <!--展开按钮start-->
            <img class="menu-button" id="open-button" src="img/menu_btn.png" alt=""/>
            <!--展开按钮end-->

            <!--主页内容start-->
			<div class="content-wrap">
				<div class="content">
                    <!--导航栏start-->
                    <div class="content-top">
                        <div class="content-topImg">
                            <img src="img/about_icon.png" alt=""/>
                            <span>i-守&nbsp;&nbsp;约</span>
                            <a href="#" class="content-topImgClass"><img src="img/today_event_btn.png" alt=""/></a>
                            <a href="#" class="content-topImgClass"><img src="img/dispose_btn.png" alt=""/></a>
                            <a href="#" class="content-topImgClass"><img src="img/notification_icon.png" alt=""/></a>
                        </div>
                    </div>
                    <!--导航栏end-->
                    <!--日历start-->
                    <div id="calendar1" class="date" >
                        <div class="calendar">
                            <p class="nowDate">
                                <span style="width: 100%" id="test_span">
                                    1
                                </span>
                            </p>
                            <p class="week">
                                <span>日</span>
                                <span>一</span>
                                <span>二</span>
                                <span>三</span>
                                <span>四</span>
                                <span>五</span>
                                <span>六</span>
                            </p>
                            <div class="yearList">
                                <ul></ul>
                                <p><a href="javascript:void(0)" class="prev">←</a><a href="javascript:void(0)" class="next">→</a><a href="javascript:void(0)" class="close">×</a></p>
                            </div>
                            <ul class="monthList">
                                <li data-value="0">一月</li><li data-value="1">二月</li><li data-value="2">三月</li>
                                <li data-value="3">四月</li><li data-value="4">五月</li><li data-value="5">六月</li>
                                <li data-value="6">七月</li><li data-value="7">八月</li><li data-value="8">九月</li>
                                <li data-value="9">十月</li><li data-value="10">十一月</li><li data-value="11">十二月</li>
                            </ul>
                            <ul class="days"></ul>
                        </div>

                        <div class="date-message">
                            <img src="img/left_white_arrow.png" alt=""/>
                            <span>3月3日&nbsp;&nbsp;<i>今天没有约会信息</i></span>
                            <img src="img/right_white_arrow.png" alt=""/>
                            
                            <div class="date-opera">
                                <a href="#"><img src="img/go_today_btn.png" style="float: left;"/></a>
                                <a href="createInvitation.html"><img src="img/add_event_btn.png" style="float: right;"/></a>
                            </div>
                        </div>
                    </div>
                    <!--日历end-->
				</div>
			</div>
            <!--主页内容end-->
		</div>
        <script src="js/jquery-scrolltofixed.js"></script>
		<script src="js/classie.js"></script><!--展开js-->
        <script src="js/openMenu.js"></script><!--展开js-->
        <script src="js/common.js"></script>
        <script type="text/javascript" src="js/actCalendar.js?v=1.0"></script><!--日历-->

	</body>
</html>